<!--
Date: 2025-08-13
Copyright (c) 2025 Industrial Software Feature Database
-->
<template>
  <div ref="threeModel" class="threed">
    <showThree ref="threeRef" 
    :key="showThreeKey" 
    :model-info="modelInfo" 
    :shrink="threeShrink" 
    :showInfo="true"
    @on-select="selectFn" 
    :selected-elements="selectElementFn" 
    @load-end="loadEnd"
    />
  </div>
</template>

<script setup>
import ShowThree from '@/components/ShowThree/index.vue';
const showThreeKey = ref(0);
const modelInfo = ref({url:'/src/assets/three/cargodoor.gltf',userDataUrl:'/src/assets/three/cargodoor.json'});
const threeShrink = ref(0);
const selectFn = (e)=>{
  console.log('selectFn')
  console.log(e)
};
const selectElementFn = (e)=>{
  console.log('selectElementFn')
  console.log(e)
};
const loadEnd = ()=>{};

</script>

<style scoped>
.threed {
  width:100%;
  height: calc(100vh - 84px);
}
</style>